<template>
    <div id="app">
        <OpenlayersContainer id="olc"></OpenlayersContainer>
        <MapboxContainer id="mbc"></MapboxContainer>
    </div>
</template>

<script>
    import OpenlayersContainer from "@/components/OpenLayersContainer"
    import MapboxContainer from "@/components/MapboxContainer"

    export default {
        name: "app",
        components: {OpenlayersContainer,MapboxContainer}
    }
</script>

<style scoped lang="scss">

    #app {
        height: 100%;
        display: flex;
        #olc,#mbc {
            flex:1;
            border: 1px solid;
            height: 100%;
            margin: 0;
            padding: 0;

        }


    }
</style>
